<!DOCTYPE html>
	 <head>
		  <title>my index</title>
		  <meta charset="utf-8">
		  <style></style>
	 </head>
<body>
<div>
	<div id="d1"></div>		
</div>
	<script type="text/javascript">
    document.onmousedown=function(event){
        //var oEvent=ev||event;
		x=event.clientX
		y=event.clientY
        var oDiv=document.createElement('div');
        oDiv.style.left=event.clientX-50+'px';  // 指定创建的DIV在文档中距离左侧的位置
        oDiv.style.top=event.clientY-50+'px';  // 指定创建的DIV在文档中距离顶部的位置
       
	   <!--  oDiv.style.border='1px solid #FF0000'; // 设置边框
        oDiv.style.position='absolute'; // 为新创建的DIV指定绝对定位
        oDiv.style.width='100px'; // 指定宽度
        oDiv.style.height='100px'; // 指定高度
         -->

		var img = document.createElement("img");
　　　　img.setAttribute("id", "newImg");
　　　　img.src = "ct27.jpg";
		img.width = 100;
		oDiv.appendChild(img);
        document.getElementById("d1").appendChild(oDiv); 
		console.log("x坐标:"+x+" y坐标:"+y);
   }
//注释
</script>
</body>
</html>
